<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片</title>
</head>
<body>
    <!--
        src 属性：图片地址
        width 属性：设置宽度
        height 属性：设置高度
        宽度或者高度设置一个方向后，另一个方向会自动等比缩放
        alt 属性：替换文本，加载失败显示的文本
    -->
    <img src="https://vcg04.cfp.cn/creative/vcg/800/new/VCG211361630647.jpg" alt="鱼群图像加载失败">
    <br>
    <img src="https://k.sinaimg.cn/n/default/crawl/499/w550h749/20241118/9973-9fd368b49769a341642d4ab5b76ea6e2.png/w700d1q75cms.jpg" alt="">
    <br>
    <img src="img/man.jpg" alt="这是一个男人图像">
    <br>
    <img src="img/woman.jpg" width="400" height="300" alt="">
    <br>
    <img src="img/woman.jpg" width="400" alt="">
    <br>
    <img src="img/woman.jpg" height="300" alt="">
    <br>
    <img src="img/woman.jpg" alt="">
</body>
</html>